﻿<h4>Disabled Select</h4>
<FluentSelect Disabled="true" @bind-Value="@selectValue" TOption="string">
    <FluentOption>This option is not selectable</FluentOption>
</FluentSelect>
<br />

<h4>Disabled Option</h4>
<FluentSelect @bind-Value="@selectValue" TOption="string">
    <FluentOption Disabled="true">This option is disabled</FluentOption>
    <FluentOption>This option is not disabled</FluentOption>
    <FluentOption>This option is not disabled</FluentOption>
</FluentSelect>
<br />

<h4>Selected Option</h4>
<FluentSelect @bind-Value="@selectValue" TOption="string">
    <FluentOption>Option One</FluentOption>
    <FluentOption Selected="true">Option Two</FluentOption>
    <FluentOption>Option Three</FluentOption>
    <FluentOption>Option Four</FluentOption>
</FluentSelect>

@code {
    string? selectValue;
}
